مدرسة العلم الإلكتروني

كود أدسنس 728*90

أخر المقالات

تحميل...

إضافة زر ماوس إحترافي إلى مدونتك

: hassan boudri في 11:37 ص التسميات: البرمجة وتطوير المواقع ليست هناك تعليقات:

السلام عليكم ورحمة الله وبركاته في هذه التدوينة الجديد إرتأت مدرسة العلم الإلكتروني أن تقدم لكم فيه إضافة جميلة جدا يبحت عنها كترون وبضبط كنت أبحت عنا أيضا تغير زر الماوس في مدونتك بزر جميل جدا جدا زر بواجهتين الصورة غنية عن التعبير لن أطيل عليكم بكترة الكلام لأن هذه الإضافة لاتحتاج لشرح نذهب إلى التطبيق أولا نتجه إلى لوحة التحكم مدونتك تم نقوم بالضغط على قالب بعد ذالك تتمت الشرح كما ترى في الصور تتبع الخطوات الطريقة مجلربة %100

ملحوظة: هذه الإضافة لا تشتغل مع كافة القوالب

أكمل القراءة

كيفية عمل معرض للفيديو

: hassan boudri في 12:29 ص التسميات: البرمجة وتطوير المواقع ليست هناك تعليقات:

السلام عليكم ورحمة الله وبركاته في تدوينة اليوم المقدمة من مدرسة العلم الإلكتروني كيفية إنشاء معرض للفيديو على مدونات بلوجر درس مهم جدا سألني عنو بعض الأصدقاء الأمر بسيط بعض الشيء تابع معي أخي لن أطيل عليكم بكترة الكلام لأن الأمر مفهوم أول شيء يجب عمله هو أنك تقوم بتحضير أكواد مقاطع الفيديو التي ننسخها كالعادة من youtube أو Dailymotion الطريقة أظنها معروفة كيف يتم نسخ أكواد الفيديو للبلوجر وهذا الكود يكون على هذا الشكل

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/FIErsQZbKss?fs=1&hl=fr_FR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/FIErsQZbKss?fs=1&hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

بعد ذالك عليك بتصغير قياسات الفيديو ليظهر كما في المتال في الأسفل حيت القياسات هي 110 بدلا من 640,و385
نعم بعد ذالك تقوم بإدراج أكواد الفيديوهات التي تم تحضيرها من قبل في المكان المخصص لها في هذه الأكواد

<style type="text/css">.nobrtable br { display: none }</style>

<div class="nobrtable"><table>

<tr>

<th align="center"> فيديو 1</th>

<th align="center"> فيديو 2</th>

<th align="center"> فيديو 3</th>

<th align="center"> فيديو 4</th>

</tr>

<tr>

<td>ضع كود الفيديو1 هنا</td>

<td>ضع كود الفيديو2 هنا</td>

<td>ضع كود الفيديو3 هنا</td>

<td>ضع كود الفيديو4 هنا</td>

</tr>

<tr>

<th align="center"> فيديو 5</th>

<th align="center"> فيديو 6</th>

<th align="center"> فيديو 7</th>

<th align="center"> فيديو 8</th>

</tr>

<tr>

<td>ضع كود الفيديو5 هنا</td>

<td>ضع كود الفيديو6 هنا</td>

<td>ضع كود الفيديو7 هنا</td>

<td>ضع كود الفيديو8 هنا</td>

</tr>

<tr>

<th align="center"> فيديو 9</th>

<th align="center"> فيديو 10</th>

<th align="center"> فيديو 11</th>

<th align="center"> فيديو 12</th>

</tr>

<tr>

<td>ضع كود الفيديو9 هنا</td>

<td>ضع كود الفيديو10 هنا</td>

<td>ضع كود الفيديو11 هنا</td>

<td>ضع كود الفيديو 12هنا</td>

</tr>

</table>

و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...
و دمتم في رعاية الله وحفظه

أكمل القراءة

طريقة إضافة واجهتين لمدونتك

: hassan boudri في 1:00 ص التسميات: البرمجة وتطوير المواقع ليست هناك تعليقات:

السلام عليكم ورحمة الله وبركاته في هذا الدرس أتيتكم بدرس لن تجدوه عند كتير من المدونين هذا الدرس سألني عنه الكتير من الناس الشغوفين بالتدوين والمطورين لندوناتهم لذا أتيتكم في هذه التدوينة بالدرس بكامله وهو كيفية إضافة واجهتين لمدونتك الإضافة جميلة جدا وتعطي انطباع الإحتراف على مدونتك لن تندم على تجربة هذه الإضافة فلن تجد مدونة عادية و لن تجد مشاركات الموقع بل ستجد واجهة ترحيبية و بعدها عندما تضغط على زر المشاركات سوف تظهر لك مشاركات المدونة و المدونة بشكل عادي . فكما رأيت لا تحتاج الى رابطين بل تحتاج الى رابط واحد فقط و كود نذهب إلى الطتبيق

نعم تابع معي المراحل بطريقة سلسة وببطئ الطريقة مجربة وشغالة 100% نعم أول الشيء نذهب إلى لوحة التحكم مدونتك تم نضغط على قالب تم تحرير HTML

أول شيءنبحت على الوسم <body> فوقه تماما نضع هذا الكود

<b:if cond='data:blog.url != data:blog.homepageUrl'>

نعم بعد وضع الكود نبحت على هذا الوسم <body/> تحته مباشرة تقوم بوضع هذا الكود وبالضرور هذا الوسم <b:if/>

نعم الأن نبحت على هذا الوسم <head/> تحته مباشرة تضع هذا الكود

<b:if cond='data:blog.url == data:blog.homepageUrl'>

الآن سوف تقوم بترك أربعة أسطر وتقوم بكتابة هذا الوسم<b:if/>

في ذالك المكان المكتوب فيه "كود الواجهة يكتب هنا " تقوم بإضافة وسم <body> ووسم إغلاقه <body/> كما ترى في الصورة الطريقة سهلة اللغاية

الان بين وسمي ال Body ستقوم باضافة كود واجهة ما من تصميمك و ادا كنت لا تتقن لغات برمجة المواقع فلم أنساك صديقي يمكنك أن تضع واجهة بسيطة من تصميم مدونة محترف الجزائر

#content-dzpro{

}

.dzpro {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
 background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
 background-color:#f9f9f9;
 -webkit-border-top-left-radius:0px;
 -moz-border-radius-topleft:0px;
 border-top-left-radius:0px;
 -webkit-border-top-right-radius:0px;
 -moz-border-radius-topright:0px;
 border-top-right-radius:0px;
 -webkit-border-bottom-right-radius:0px;
 -moz-border-radius-bottomright:0px;
 border-bottom-right-radius:0px;
 -webkit-border-bottom-left-radius:0px;
 -moz-border-radius-bottomleft:0px;
 border-bottom-left-radius:0px;
 text-indent:12.67px;
 border:2px solid #dcdcdc;
 display:inline-block;
 color:#666666;
 font-family:Georgia;
 font-size:28px;
 font-weight:bold;
 font-style:normal;
 height:77px;
 line-height:77px;
 width:200px;
 text-decoration:none;
 text-align:center;
}
.dzpro:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
 background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
 background-color:#e9e9e9;
}.dzpro:active {
 position:relative;
 top:1px;
  }

#bouton{
margin: 30px;
clear: both;
height: 125px;
text-align: center;

}
#ftr-dzpro{
border-top: 1px solid #DDD;
-webkit-box-shadow: 0px 1px #FFF inset;
box-shadow: 0px 1px #FFF inset;
width: 800px;
margin-right: 265px;
margin-left: 265px;

}
.el-nass{
text-align: center;

}
</style>
<div id='head-dzpro'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVqmLiDF_zZ3zGzLh22AzOtqofxgcd1zIpF2bULpqqglskVSg2RZm_j-D387eEwA__mzjfdPCKOKHuRY6FuUCSDuM8Swyupx0u6LJq5Dvv8xb58t3S4QYPsUdVRp0BQjjQ4CXrH1byFJk/s1600/psd-logo-300x108.png' style='padding-right: 500px;'/>
  </div>
<div id='content-dzpro'>
<div id='bouton'>
  <a class='dzpro' href='/search?max-results=8'>المشاركات</a>
  </div>
</div>
<div id='ftr-dzpro'>

<div class='el-nass'>
  <p>
تصميم محترف الجزائر</p>
</div>
</div>

هذا الدرس من مدونة المحترف http://www.dzprofessionale.com/

و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...

و دمتم في رعاية الله وحفظه

أكمل القراءة

كيفية عمل تأثير الظل على الصور

: hassan boudri في 7:04 ص التسميات: البرمجة وتطوير المواقع ليست هناك تعليقات:

السلام عليكم ورحمة الله وبركاته في موضوع جديد إرتأت مدرسة العلم الإلكتروني أن تقدم فيه موضوع مهم ,إضافة جميل تعطي لمدونتك ضابع جميل وأنيق تختلف عن المدونات الأخرى وهي عمل تأثير الظل على الصور إضافة إنشاء الله سوف تعجبك نذهب إلى التطبيق اولا نذهب إلى لوحة التحكم مدونتك وتضغط على قالب لا تنسى أخذ نسخة إحتياطية قبل التعديل على القالب المهم نضغط على تحرير html تم إضغط في الكيبورد على Ctrl+F

تم قم بالبحت على هذا الكود
.post-body img
إذا لم تجده إبحت عن هذا
.post image
أو
.post img table.tr-caption-container
إلخ... من التعليمات البرمجية ...المهم أن تحتوي على post و image وأن تتواجد بين
<b:skin>
و
</b:skin>
بعد أن تجد الكود قم بتغير تحته ب الكود التالي

بالكود CSS التالي

{

background:#FFFFFF;

border:1px solid $bordercolor;

padding: 7px;

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

}

تم قم بحفظ القالب ومبروك عليك

و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...

و دمتم في رعاية الله وحفظه

أكمل القراءة

كيفية فحص السيو بالمجان مع كيفية إصلاح الأخطاء

: hassan boudri في 2:53 ص التسميات: البرمجة وتطوير المواقع • تدوينات ليست هناك تعليقات:

السلام عليكم ورحمة الله وبركاته مدرسة العلم الإلكتروني إرتأت أن تقدم إليكم موضوع هو عن كيفية فحص السيو بالمجان وتقييم السيو Seo بالمجان مع توضيح ما عليك فعله لتصحيح الأخطاء الطريقة سهلة للغاية ومهمة وضرورية لأي موقع او مدونة كيف ذالك نعم ما عليك غلى الذهاب إلى الموقع التالي seositecheckup.com بعد الدخول إلى الموقع ستجد خانة بهذا الشكل كل ما عليك فعله هو وضع رابط مدونتك أو موقعك في المربع تم تضغط على الزر الأخضر !Checkup

الآن ما عليك أن تنتظر إنتهاء تحميل البيانات ...بعد ذالك قم بقراءة الأخطاء والملاحطات..
نعم بقي أن تعرف أن تقييم تلاتة درجات

مهم جدا وعليك التعجيل بتصحيحه وتعديله

مقبول وأهمية متوسطة

إختيار ناجح وجيد
لدى وجب عليك تصحيح الأخطاء باللون البرتقالي أولا تم التعديل على الصفراء كيفية الإصلاح ستجده في البرنامج داته أسفل
أتمنى لكم فحص موفق لمدوناتكم ومواقعكم إنشاء الله الكل أخضر :)

أكمل القراءة

كيفية إعادة توجيه الروابط الغير موجودة إلى الصفحة الرئيسية للمدونة أو أي صفحة تريدها بدلا من صفحة الخطأ 404

: hassan boudri في 9:00 ص التسميات: البرمجة وتطوير المواقع ليست هناك تعليقات:

السلام عليكم ورحمة الله وبركاته مدرسة العلم الإلكتروني تقدم إليكم كيفية إعادة توجيه الروابط الغير الموجودة إلى الصفحة الرئيسية للمدونة أو أي صفحة تريدها بدلا من صفحة 404 الطريقية تجدها في هذا الفيديو الأن ما عليك إلا وضع الكود في المربع المخصص له كما شاهدة في الفيديو الآن قم بتغيير ما يلي :

) يمكنك تغيير ما كتب باللون البرتقالي إلى محتوى آخر يناسبك أو يمكنك تركه كا هو فهو جيد
الرقم 6000 يدل على المدة القصوى التي تستغرقها ظهو الرسالة قبل إعادة توجيه الزائر إلى الصفحة اللرئيسية يمكنك تغيير المدة كما تشاء
لإعادة توجيه الزائر إلى الصفحة التي تريد أو موقع آخر قم باستبدال http://hassan018.blogspot.comبعنوان الصفحة أو الموقع الدي تريد

عذرا، فالصفحة التي تبحث عنها في هذه المدونة ليست متوفرة لأحد السببين: 1/ قد تم حذفها أو 2/ اتبعت رابط غير موجود. سيتم تحويلك الآن إلى الصفحة الرئيسية

<script type = "text/javascript">

//Blogger 404 Redirect by (afkarpro.blogspot.com)

BSPNF_redirect = setTimeout(function() {

location.location.href= "http://hassan018.blogspot.com"

}, 6000);

</script>

أكمل القراءة

كيفية إضافة خاصية تسجيل الدخول لحساب البلوجر

: hassan boudri في 7:16 ص التسميات: البرمجة وتطوير المواقع ليست هناك تعليقات:

السلام عليكم ورحمة الله وبركاته مرحبا بكم في مدونة مدرسة العلم الإلكتروني في تدوينة جديد إرتأينا أن نقدم إليكم في هذه التدوينة كيفية إضافة خاصية تسجيل الدخول إلى مدونتك فمن خلال هذه الخاصية بإمكان الزائر الذي يمتلك حساب بالبلوجر أن يقوم بالتسجيل الدخول من خلال هذه الخاصية , وتعد هذه الخاصية مهمة لزوار مدونتك خصوصا عندما يريد أحدهم الرد على أحد الموضوعات المشاركة أثناء تصفحه , وهذا ما يجعل من عملية التسجسل الدخول ضرورية نذهب لتطبيق الإضافة

كل ما عليك فعله الذهاب إلى لوحة التحكم مدونتك والضغط على تخطيط تم بعد ذالك إضغط على إضافة أداة تم بعد ذالك إضغط على HTML/Javascript تم إنسخ الكود تم ضعه في المربع

<div class="signinform1">
<div class="signinform2">
<h3>
تسجيل الدخول بمدونة بلوجر</h3>
<br/><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()">
<input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div>
<label for="Email"><b>اسم المستخدم : </b><input id="Email" tabindex="1" value="" name="Email" size="35" type="text"/></label></div>
<div>
<label for="Passwd"><b>كلمة السر : (<a target="_top" title="هل نسيت الرقم السري" href="https://www.blogger.com/forgot.g">؟</a>)</b> </label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="35" type="password"/></div>
<br/>
<input id="signin-btn-ns" tabindex="0" value="سجل الدخول الآن" class="ubtn ubtn-block" name="submit" type="submit"/></form>
</div>
</div>

و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...

و دمتم في رعاية الله وحفظه

أكمل القراءة

كيفية إضافة الروابط أوتوماتيكيا أوتحت كل موضوع

: hassan boudri في 8:59 ص التسميات: البرمجة وتطوير المواقع ليست هناك تعليقات:

السلام عليكم ورحمة الله وبركاته تتمنى مدرسة العلم الإلكتروني أن تكونو بصحة جيدة موضوع اليوم هو موضوع يحتاجه الكتير من المدونين لنشر مدوناتهم والمواضيع التي يتم كتابتها في المدونة لذالك اخترت أن أقدم إليكم في هذه التدوينة كيفية إضافة الروابط الأوتوماتيكية في أخر كل موضوع خاصة بتدويناتك ,بحيت يتم عرضها مرتبة على جدول أسفل كل تدوينة . , وتشمل الإضافة تلاتة صيغ من الروابط الخاصة بالموضوع

لتطبيق هذه الإضافة على مدونتك نذهب مباشرة إلى لوحة التحكم مدونتك ونضغط على قالب تم اختار تحرير html تم اضغط في الكيبورد على Ctrl+F ونبحت على هذا الكود ]]></b:skin>

بعد أم تجده قم بوضع هذا الكود فوقه مباشرة

#table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 13px;
    margin: 10px -12px;
    width: 580px;
    text-align: left;
    border-collapse: collapse;
   direction:ltr;
}
#table th {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEGlmFUnCGsXVx33CW4mou-FXuMs2SC-lojapIntqLKuQu9olv7GW5QUD9Qa_6pLEM4gRudaDUTbOsmDm9eBvivGlroEP9sJGpWUASdciUi2IlbwZQyk_c4hyphenhyphenuPvFxDcCR7w22qm_cJfVf/s1600/gradhead.png') repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #039;

}
#table td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #4c4c4c;
    border-top: 1px solid #fff;
    background: #e8edff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO2eemUg-QWo5eJMixUUsGOml0czjl6HLA6Ae3FWMLelo098MozdqROKIx8hyTV0cv1dlZPCYkrfCVTbZQYShstAu_xR3bozRkqYcaZoTARmvjvdY7YEAJB6R02aasRQslrMje-9fzUhiX/s1600/gradback.png') repeat-x;
}
#table tfoot tr td {
    background: #e8edff;
    font-size: 20px;
    color: #99c;
    text-align:center;
}
#table tbody tr:hover td {
    background: #d0dafd url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyXjblyaGCK3g7lCdXGhwqeg5cSCdecb4TunxwqkYrlB2Q_Fi46nJ-LGCNdkMfe2SsIfNGZr8AZmzpDg-jHF165C8P5OT0bFD4Qj0z0tvfSbDfzeCfeLdQFjj2Yp5n6wqYr9a8STZXObNc/s1600/gradhover.png') repeat-x;
    color: #339;
}
#table a:hover {
    text-decoration:underline;
}

الآن مرة أخرى نبحت على هذا الكود <data:post.body/>ستجد فيه أكتر من واحد الأخير هو المطلوب

بعد أن تجده قم بوضع هذا الكود أمامه أو تحته

وفي الأخير قم بالحفظ

و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...

و دمتم في رعاية الله وحفظه

أكمل القراءة

كيفية إضافة أزرار للتحميل بأشكال جميلة

: hassan boudri في 7:28 ص التسميات: البرمجة وتطوير المواقع ليست هناك تعليقات:

السلام عليكم ورحمة الله وبركاته تتمنى مدرسة العلم الإلكتروني أن تكونو بصحة جيدة موضوع اليوم هو كيفية إضافة مجموعة متنوعة من الأزرار المتحركة بتقنية Css3 أربع ألوان غالبا ما نرى في المواقع والمدونات فيها أزرار لتوجيه الزائرإلى موقع آخر أو لتحميل ملف معين هنا أنا أطرح الموضوع هذه الإضافة من الإضافات الجميلة ,حيت تلفت انتباه الزائر في أي مكان في المدونة نذهب للتطبيق

نذهب إلى لوحة التحكم مدونتك تم نضغط على قالب تم اختار تحرير html تم اضغط في الكيبورد على Ctrl+F وتبحت على هذا الكود
]]></b:skin>
بعد أن تجده قم بوضع هذا الكود فوقه مباشرة

.button {display: inline-block;position: relative;padding: 10px 20px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-decoration: none!important;text-shadow: 1px 1px 0 rgba(255,255,255,0.4);font: 15px Calibri,Arial,sans-serif;white-space: nowrap;vertical-align: baseline;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png');background-position: bottom left;background-position: bottom left,top right,0 0,0 0;background-repeat: no-repeat;background-clip: border-box;-webkit-box-shadow: 0 0 1px #fff inset;-moz-box-shadow: 0 0 1px #fff inset;box-shadow: 0 0 1px #fff inset;-webkit-transition: background-position 1s;-moz-transition: background-position 1s;transition: background-position 1s;cursor: pointer;}
.button:hover {background-position: top left;background-position: top left,bottom right,0 0,0 0;}
.button:active {bottom: -1px;}
.button.big {font-size: 30px;}
.button.medium {font-size: 18px;}
.button.small {font-size: 13px;}
.blue.button {border: 1px solid #84acc3!important;color: #0f4b6d!important;background-color: #48b5f2;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),-moz-linear-gradient(#4fbbf7,#3faeeb);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(89,208,244,1) ),to(rgba(89,208,244,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#4fbbf7),to(#3faeeb));}
.blue.button:hover {background-color: #63c7fe;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),-moz-linear-gradient(#63c7fe,#58bef7);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(109,217,250,1) ),to(rgba(109,217,250,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#63c7fe),to(#58bef7));}
.green.button {border: 1px solid #96a37b!important;color: #345903!important;background-color: #79be1e;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27,#74b317);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(162,211,30,1) ),to(rgba(162,211,30,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#82cc27),to(#74b317));}
.green.button:hover {background-color: #89d228;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31,#7fc01e);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(183,229,45,1) ),to(rgba(183,229,45,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#90de31),to(#7fc01e));}
.orange.button {border: 1px solid #bea280!important;color: #693e0a!important;background-color: #e38d27;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f,#d4821f);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(232,189,45,1) ),to(rgba(232,189,45,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#f1982f),to(#d4821f));}
.orange.button:hover {background-color: #ec9732;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746,#e18f2b);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(241,192,52,1) ),to(rgba(241,192,52,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#f9a746),to(#e18f2b));}
.gray.button {border: 1px solid #a5a5a5!important;color: #525252!important;background-color: #a9adb1;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca,#92989c);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(197,199,202,1) ),to(rgba(197,199,202,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#c5c7ca),to(#92989c));}
.gray.button:hover {background-color: #b6bbc0;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6,#9fa5a9);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XOn5eclIfRnG583vuGpkVPkAdtKfVELiuTutpYRHVMUZ8SdXqTzcgO95akw_bszi_FtKaFH2obW57msK4W_Fjv9cZXvdKCPc8NVIH3fmvd4ohDiwR8xleUNC4hQJNUEvvi3OMBqoi9EU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(202,205,208,1) ),to(rgba(202,205,208,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#d1d3d6),to(#9fa5a9));}

بعد ذالك قم بالحفظ
الآن قم بإضافة الكود html في المكان الدي تريد وضع فيه الزر مع التعديل عليه تابع معي أخي الزائر
كود html للأزرار الكبيرة الحجم

<a class="button big blue" href="LINK">LINKNAME</a>

<a class="button big green" href="LINK">LINKNAME</a>

<a class="button big orange" href="LINK">LINKNAME</a>

<a class="button big gray" href="LINK">LINKNAME</a>

كود html للأرار المتوسطة الحجم

<a class="button blue medium" href="LINK">LINKNAME</a>

<a class="button green medium" href="LINK">LINKNAME</a>

<a class="button orange medium" href="LINK">LINKNAME</a>

<a class="button gray medium" href="LINK">LINKNAME</a>

كود html للأزرار الصغيرة الحجم

<a class="button small blue" href="LINK">LINKNAME</a>

<a class="button small green" href="LINK">LINKNAME</a>

<a class="button small orange" href="LINK">LINKNAME</a>

<a class="button small gray" href="LINK">LINKNAME</a>

الآن نقم بالتعديل على LINK بالرابط المطلوب LINKNAME بالنص الذي تريد أن تكتبه على الزر

و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...

و دمتم في رعاية الله وحفظه

أكمل القراءة

كيفية إضافة إعلانين متجاورين أسفل كل موضوع

: hassan boudri في 12:47 ص التسميات: البرمجة وتطوير المواقع ليست هناك تعليقات:

السلام عليكم ورحمة الله وبركاته تتمنى مدرسة العلم الإلكتروني أن تكونو بصحة جيدة موضوع اليوم هو كيفية وضع إعلانين متجاورين تحت التدوينة أوتحت أخر موضوع أو أي مكان تريدة نعم لإضافة هذه الخاصية كل ما عليك فعله الذهاب إلى لوحة التحكم مدونتك ونضغط على قالب تم اختار تحرير html تم إضغط في الكيبورد على Ctrl+F ونبحت على هذا الكود إدا كنت تريد وضع الإعلانين أسفل كل تدوينة <data:post.body/>
ملاحظة :إذا كنت لا تعرف وضع الأكواد إضغط هنا لمشاهدة تلك الحلقة

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.isFirstPost'>

<span class='F-Left'>

ضع كود الإعلان الثاني هنا -* جهة اليسار

</span>

<span class='F-Right'>

ضع كود الإعلان الثاني هنا -* جهة اليمين

</span>

<div class='spacer'/>

</b:if>

</b:if>

قم بتغير ما يلي
اللون الأزرق قم بوضع فيه الإعلانات التي تود إظهارها في المدونة تحت كل موضوع

و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...

و دمتم في رعاية الله وحفظه

أكمل القراءة

إضافة زر ماوس إحترافي إلى مدونتك

كيفية عمل معرض للفيديو

طريقة إضافة واجهتين لمدونتك

كيفية عمل تأثير الظل على الصور

كيفية فحص السيو بالمجان مع كيفية إصلاح الأخطاء

كيفية إعادة توجيه الروابط الغير موجودة إلى الصفحة الرئيسية للمدونة أو أي صفحة تريدها بدلا من صفحة الخطأ 404

كيفية إضافة خاصية تسجيل الدخول لحساب البلوجر

كيفية إضافة الروابط أوتوماتيكيا أوتحت كل موضوع

كيفية إضافة أزرار للتحميل بأشكال جميلة

كيفية إضافة إعلانين متجاورين أسفل كل موضوع

المتواجدون الآن

احصل يوميا على تحديتاث المدونة

آخر المواضيع لجميع الأقسام